.addflowIndex{
    .flow-step{
        width: 900px;
        margin: 0 auto;
        padding: 10px 0;
        height: 50px;
        .ivu-steps-tail > i{
            height: 8px !important;
        }
        .ivu-icon-fa{
            font-family: 'FontAwesome';
            color: #ffffff;
        }
        .ivu-steps-status-process{
            .ivu-steps-tail > i:after {
                background: #dcdee2;
                height: 8px;
            }
            .ivu-steps-head-inner{
                .ivu-icon-fa{
                    color: #ffffff;
                }
                background: @primary-color;
                width: 100%;
                height: 100%;
                line-height: 45px;
                border-radius: 54px;
            }
        }

        .ivu-steps-status-finish ,.ivu-steps-status-wait {
            .ivu-steps-tail > i:after {
                background: #dcdee2;
                height: 8px;
            }
            .ivu-steps-head{
                padding: 0;
            }
            .ivu-steps-head-inner{
                .ivu-icon-fa{
                    color: #3a3a3a;
                }
                background: #dbdbdb;
                width: 100%;
                height: 100%;
                line-height: 45px;
                border-radius: 54px;
            }
        }
        .ivu-steps-head{
            background: #f5f7f9;
            top: -19px;
            position: relative;
            left: -20px;
            height: 55px;
            width: 55px;
            line-height: 55px;
            padding-left: 0 !important;
        }
        .ivu-steps-item{
            .ivu-steps-main{
                position: absolute;
                left: 35px;
                top: -16px;
                margin-top: 0px;
                background: #f5f7f9;
                padding: 0 15px;
                .ivu-steps-title{
                    background: #f5f7f9;
                    transform: translateX(2px);
                    padding-left: 0px;
                    font-weight: 500;
                }
                .ivu-steps-content{
                    padding-left: 0px;
                    font-weight: 600;
                    font-size: 18px;
                }
            }
        }
        .ivu-steps-status-process:before{
            content: '';
        }
        .ivu-steps-tail {
            left: auto;
            top: 5px;
            right: 24px;
            width: 80%;
        }

    }
    .addflowIndex-content{
        background: #ffffff;
        border:1px solid #979797;
        min-height: 50vh;
        padding: 16px;
        .main-wrapper {
            margin: auto;
        }
    }
    .flow-btn{
        margin-top: 16px;
        button{
            margin: 0 10px;
        }
    }
}
